<script setup lang="ts">
import leftTop from './leftTop.vue';
import LeftBottom from './LeftBottom.vue';
</script>


<template>
    <div class="container-left">
        <!-- 上面的天气情况 -->
        <leftTop></leftTop>
        <!-- 下面的学生分布情况 -->
        <LeftBottom></LeftBottom>
    </div>
</template>


<style lang="scss" scoped>
.container-left{
    width: 33vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../assets/Left.png) no-repeat 0 0 / 100% 100%;
    z-index: 1;
}
</style>